<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
   
    \
    5


    
</head>
<body>
    <div id="app">
        
        <h1>{{message1}}</h1>
        <h1 v-text='message'></h1>
        <h1>{{ {id:1} }}}</h1>
        <h1>{{ 111 }}</h1>
        <h1>{{ '外剧肯定是你' }}</h1>
        <h1>{{ message1.split('') }}</h1>
        <h1>{{ message1.split('').reverse()}}</h1>
        <h1>{{ message1.split('').reverse().join('')}}</h1>
        <h1>{{bbbbb() }}</h1>
    
    </div>
    <script>
        var vm=new Vue({
           el:'#app',
           data:{
            message: '<h1>菜鸟教程</h1>',
            message1: '叫我爸爸good'
             
           },
           methods:{
            bbbbb: function () {
      return this.message+this.message1
    }
           }

        });
    </script>
</body>
</html>